@charset "UTF-8";

@import '~scss/themes/index.scss';
@import '~scss/helpers/_ellipsis.scss';

/*

  文字省略

  当文本内容长度超过容器最大宽度时，自动省略多余的文本。

  1. 在html中使用
    
  <!-- 最多显示一行 -->
  <div class="ui-ellipsis">这是一段最多显示一行的文字，多余的内容会被省略</div>

  <!-- 最多显示两行 -->
  <div class="ui-ellipsis--l2">这是一段最多显示两行的文字，多余的内容会被省略</div>

  <!-- 最多显示三行 -->
  <div class="ui-ellipsis--l3">这是一段最多显示三行的文字，多余的内容会被省略</div>

  2. 在 scss中使用

   <!-- 最多显示一行 -->
  @include utils-ellipsis();

  <!-- 最多显示多行 -->
  @include utils-ellipsis--rows(rowNumber);

*/
.ui-ellipsis {
  @include utils-ellipsis();
}

.ui-ellipsis--l2 {
  @include utils-ellipsis--rows(2);
}

.ui-ellipsis--l3 {
  @include utils-ellipsis--rows(3);
}
